html,body{
    width: 100%;
    height: 100%;
}
#main{
    height:calc(100% - 70px)
}
#main>.row{
    height: 100%
}
#main>.row>div{
    height: 100%;
    padding: 0
}

#map{
    height: calc(100% - 247px);
    position: relative;
}

#timePanel{
    height: 247px;
    border-radius: 0px;
    overflow: hidden;
    background: #4c4c4c;
}

.rightPanel{
    height: 100%;
    background: #002f47;
}

.panel{
    border-radius: 0px;
    height: 100%;
}

.panel .panel-body{
    height: calc(100% - 38px)
}

.toolbar{
    position: absolute;
    right: 10px;
    top:20px;
    z-index: 999;
    border-radius: 0
}

#dataModal .modal-content{
    border-radius: 0px!important;
}

#dataModal .modal-content .form-control{
    border-radius: 0
}

#preview{
    /* margin-top: 10px; */
    /* width: 100%; */
    height: 400px;
}


.radio_label {
    margin: 5px 5px 0 5px;
    display: inline-block;
}
.new_radio{display:none}
.radioInput{background-color:#fff;border: 1px solid #5554eb;border-radius:100%;display:inline-block;height:16px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:16px;line-height:1;}
.new_radio:checked + .radioInput:after{background-color: #5554eb;border-radius:100%;content:"";display:inline-block;height:12px;margin:1px;width:12px;}
.new_checkbox.radioInput,.new_radio:checked + .new_checkbox.radioInput:after{border-radius:0}